<template>
  <div class="home steve-body">
    <t-space direction="vertical">
      <p class="title">1、{{ $t('app') }}是做什么的？</p>
      <p>主要用于学习Xpath和JsonPath！</p>
      <p class="title">
        2、{{ $t('app') }}主要分为一个主要模块，也就是源管理，此模块结合
        <t-link
          theme="primary"
          href="https://apps.apple.com/cn/app/%E6%9E%81%E7%AE%80%E9%98%85%E8%AF%BB%E5%99%A8/id1569793141"
          target="_blank"
          >极简阅读器</t-link
        >
        APP可以让您更快的了解Xpath和JsonPath!
      </p>
      <p class="title">3、怎么使用{{ $t('app') }}？</p>
      <p>
        您可以根据文档中的使用说明来具体了解每个字段以及功能的描述！如果您还是不知道怎么使用，您可以加入官方QQ群:
        <t-tag theme="primary" variant="light">699031987</t-tag> 了解更多内容！
      </p>
    </t-space>
  </div>
</template>
<script setup lang="ts"></script>
<style lang="less" scoped>
.home {
  padding: var(--td-comp-paddingTB-xxl) var(--td-comp-paddingLR-xxl);

  p {
    font-size: var(--td-font-size-body-medium);

    &.title {
      font-size: var(--td-font-size-title-medium);
    }
  }
}
</style>
